<!doctype html>
<html lang="zh-Hans">

<head>
    <meta charset="utf-8">
    <meta name="author" content="Fresns" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="generator" content="Bootstrap 5">
    <title>Fresns 控制面板基础版</title>
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../assets/css/bootstrap-icons.css">
    <link rel="stylesheet" href="../assets/css/admin.css">
</head>

<body>
    <header>
        <nav class="navbar navbar-light bg-light shadow-sm">
            <div class="container-lg">
                <a class="navbar-brand" href="index.html"><i class="bi bi-gear"></i> 控制面板 <span class="badge bg-secondary fs-9">基础版</span></a>
                <ul class="navbar-nav me-auto d-flex flex-row flex-wrap">
                    <li class="mx-2 mx-lg-3"><a class="nav-link" href="policies.html">协议设置</a></li>
                    <li class="mx-2 mx-lg-3"><a class="nav-link" href="sites.html">站点设置</a></li>
                    <li class="mx-2 mx-lg-3"><a class="nav-link" href="sends.html">发信设置</a></li>
                    <li class="mx-2 mx-lg-3"><a class="nav-link active" href="storage-images.html">存储设置</a></li>
                    <li class="mx-2 mx-lg-3"><a class="nav-link" href="filters.html">过滤配置</a></li>
                </ul>
                </div>
            </div>
        </nav>
    </header>

    <main>
        <div class="container-lg p-0 p-lg-3">
            <div class="bg-body shadow-sm mt-3 p-4 p-lg-5">
                <div class="row mb-4">
                    <ul class="nav nav-tabs nav-fill">
                        <li class="nav-item"><a class="nav-link" href="storage-images.html">图片存储设置</a></li>
                        <li class="nav-item"><a class="nav-link" href="storage-videos.html">视频存储设置</a></li>
                        <li class="nav-item"><a class="nav-link" href="storage-audios.html">音频存储设置</a></li>
                        <li class="nav-item"><a class="nav-link" href="storage-docs.html">文档存储设置</a></li>
                        <li class="nav-item"><a class="nav-link active" href="storage-repairs.html">补位图设置</a></li>
                    </ul>
                </div>
                <form class="form-setting">
                    <!--存储配置-->
                    <div class="row mb-4">
                        <label for="account_policies" class="col-lg-3 col-xl-4 col-form-label text-lg-end">无效状态补位图：</label>
                        <div class="col-lg-8 pt-2">
                            <div class="input-group mb-3">
                                <label class="input-group-text" for="repair_image">图片无效提示图</label>
                                <input type="file" class="form-control" id="repair_image">
                                <button class="btn btn-outline-secondary" type="button" id="view_repair_image">查看</button>
                            </div>
                            <div class="input-group mb-3">
                                <label class="input-group-text" for="repair_video">视频无效提示图</label>
                                <input type="file" class="form-control" id="repair_video">
                                <button class="btn btn-outline-secondary" type="button" id="view_repair_video">查看</button>
                            </div>
                            <div class="input-group mb-3">
                                <label class="input-group-text" for="repair_audio">音频无效提示图</label>
                                <input type="file" class="form-control" id="repair_audio">
                                <button class="btn btn-outline-secondary" type="button" id="view_repair_audio">查看</button>
                            </div>
                            <div class="input-group mb-3">
                                <label class="input-group-text" for="repair_doc">文档无效提示图</label>
                                <input type="file" class="form-control" id="repair_doc">
                                <button class="btn btn-outline-secondary" type="button" id="view_repair_doc">查看</button>
                            </div>
                            <div class="form-text"><i class="bi bi-info-circle"></i> 当资源文件的状态为“无效”时输出的补位提示用图</div>
                        </div>
                    </div>

                    <!--保存按钮-->
                    <div class="row mt-5">
                        <div class="col-lg-3 col-xl-4"></div>
                        <div class="col-lg-8">
                            <button type="submit" class="btn btn-primary">提交上传</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </main>

    <footer>
        <div class="copyright text-center">
            <p class="mt-5 mb-5 text-muted">&copy; 2021 Fresns</p>
        </div>
    </footer>

    <script src="../assets/javascript/bootstrap.bundle.min.js"></script>
    <script src="../assets/javascript/admin.js"></script>
</body>

</html>